/* liScroll styles */

.tickercontainer { /* the outer div with the black border */
	width: 100%;
	margin: 0;
	padding: 0; /* the outer div with the black border */
  overflow: hidden;
}
/* that serves as a mask. so you get a sort of padding both left and right */
.tickercontainer .mask {
	position: relative;
	overflow: hidden;
  display: block;
  margin-right: 42px;
}
ul.newsticker { /* that's your list */
position: relative;
list-style-type: none;
margin: 0;
padding: 0;

}
/* important: display inline gives incorrect results when you check for elem's width */
ul.newsticker li {
	float: left;
	padding: 0;
}

ul.er-controls{
	padding: 0;
  list-style: none;
  vertical-align: middle;
  margin-bottom: 0;
  float: right;
  margin-top: 2px;
}
ul.er-controls > li{
  z-index: 100;
  position: relative;
  color: #aaa;
  display: inline-block;
  font-size: 14px;
}
ul.er-controls > li:hover{
	background: #f5f5f5;
	cursor: pointer;
}

ul.er-controls .prev,
ul.er-controls .next {
  display: none;
}
